/**
 *common style
 *@author:Vincent Chan
 */

* {
    margin:0;
    padding:0;
	border:0;
	outline:none;
}

header,
.header {
	text-align:center;
	font-size:24px;
	padding:8px 0px 8px 0px;
}

footer,
.footer {
	text-align:center;
	color:#444;
	padding:8px 0px 8px 0px;
}

.container {
	width:80%;
	margin:auto;
}

a,span {
	text-decoration:none;
	color:#08c;
}

/** 分页组件 */
.pagination {
    display:inline-block;
    border:1px solid #eee;
    border-radius:4px;
	margin:5px 0px 5px 0px;
}

.pagination>li {
    display:inline;
}

.pagination>li>a,
.pagination>li>span {
	position: relative;
	float: left;
	padding: 10px 15px;
	margin-left: -1px;
	transition:background-color 0.5s,color 0.5s;
}

.pagination>li.active>a {
	background-color:#eee;
}

.pagination>li:hover>a {
	cursor:pointer;
    background-color:#555;
	color:#fff;
}

/** 表单 */
input,
button,
select,
textarea {
	outline:none;
}

input[type=text],
textarea {
    width:200px;
    height:35px;
    border:1px solid #ddd;
    border-radius:4px;
    padding:0px 6px 0px 6px;
	color:#333;
	font-size:18px;
    transition:width 1s,border-color 1s,color 1s;
}

input[type=text]:focus,
textarea:focus {
	color:#08c;
    border-color:#08c;
}

input[type=submit],
button {
    height:35px;
    background-color:#eee;
	font-size:16px;
    padding:5px 15px 5px 15px;
    border-radius:4px;
    color:#000;
    transition:background-color 1s,color 1s;
}

input[type=submit]:hover,
button:hover {
    cursor:pointer;
    background-color:#08c;
    color:#fff;
}

input.extensible:focus {
	width:300px;
}

textarea {
	width:400px;
	height:100px;
}

.form-group {
	width:100%;
	margin-bottom:15px;
}

/** 其它 */
.disabled:hover {
    cursor:not-allowed;
}

.right {
	float:right;
}

.blank {
	width:100%;
	display:block;
}

.blank-1 {	
	height:10px;
}

.blank-2 {
	height:20px;
}
